/* FOOTER */

@import "mixins";

footer {
	.socials {
		ul.navbar-socials {
			margin:0;
			padding:0;
			width: 100%;
			float: left;
			margin-top: -70px;
			li {
				list-style: none;
				float:left;
				height: 55px;
				width: 20%;
				&.head {
					width: 100%;
					height: 25px;
					text-align: center;
					margin-bottom: 20px;
					@media (max-width: 460px) {margin-bottom: 8px;}
					span {
						color: #fff;
						font-size: 16px;
						width: 100%;
						display: block;
						text-align: center;
						font-weight: bold;
						font-family: @font-default;
					}
				}
				a {
					display:block;
					height:100%;
					width: 65px;
					margin: 0 auto;
					i {
						display: block;
						background-image: url("images/sprites_socials.png");
						width: 100%;
						height: 100%;
						background-repeat: no-repeat;
						&.facebook {background-position: 0 0;}
						&.twitter {background-position: -81px 0;}
						&.instagram {background-position: -164px 0;}
						&.vimeo {background-position: -246px 0;}
						&.youtube {background-position: -328px 0;}
					}
				}
			}
		}
	}
	.footer_wrapper {
		padding-top:100px;
		.bold.center { margin-bottom: 15px; }

		.left_column {
			width: 15% !important;
		}
		.center_column {
			width: 30% !important;
			padding-left: 0 !important;
			border: none !important;
		}
		.right_column {
			width: 45% !important;
			ul.dicono {
				margin:0;
				padding:0;
				width: 100%;
				float: left;
				li {
					list-style: none;
					float:left;
					width: 25%;
					height: 50px;
					&.major {
						width: 50%;
						height:70px;
					}
					a {
						display: block;
						margin:0;
						img {width:100%;margin-top: -20px;}
					}
					
				}
			}
		}
	}
}

.footer_links {
	font-family:  @font-default;
	width:100%;
	float:left;
	background: #004762;
	color: #fff;
	padding-top: 70px;
	padding-bottom: 120px;
	margin-top: 250px;
	.btn-group.left {
		button {
			width: 175px;
			text-align: left;
			padding: 8px 15px;
			border-radius: 0;
			background: #1da3a8;
			font-size: 14px;
			font-weight: bold;
				span {
					position: absolute;
					right: 15px;
					top: 15px;
				}
		}
		ul {

			li {
				font-weight: bold;
				color: #686868;

			}
			&.links { margin-bottom:25px;}
		}
		.dropdown-menu {
			border-radius: 0;
			width: 177px;
			height: 35px;
			margin-left: -1px;
			li {
				a {
					color: #686868;
					font-weight: bold;
					font-size: 14px;
					padding: 8px 15px;
					&:hover {color: #686868;}
				}
			}
		}
	}

	.widget {
		margin: 0 10px;

		h2 {
			margin-bottom:25px;
			font-size:14px; 
			text-transform: uppercase;
			margin-top:0; 
			font-family: @font-default;font-weight: bold;}
			ul.menu {
				margin: 0;
				padding: 0;
				li {
					list-style: none;
					margin-bottom: 10px;
					a {
						color: #fff;
						font-size: 12px;
						font-family: @font-default;
					}
				}
			
		}

	}

}

